<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css_盒子的外边距_margin</title>
  <style>
      h1{
          background-color: red;
          width: 300px;
          height: 300px;
          /*margin: 200px;*/
          /*margin-left: 700px;*/
          /*margin-right: 200px;*/
          /*margin-top: 500px;*/
          /*margin-bottom: 600px;*/
          /*margin: 300px 200px;*/
          /*margin: 300px 200px 500px;*/
          margin: 300px 200px 500px 600px;
      }


  </style>
</head>
<body>
<!--
    盒子的外边距：
        margin: 设置元素的外边距
        margin-top: 设置元素的上外边距
        margin-bottom: 设置元素的下外边距
        margin-left: 设置元素的左外边距
        margin-right: 设置元素的右外边距
        margin: 10px 四个方式都是10ox
        margin: 300px 200px 上下300px 左右200px
        margin: 300px 200px 500px 上300px 左右200px 下500px
        margin: 300px 200px 500px 600px 上300px 左200px 下500px 右600px
-->
    <h1>11123333</h1>
</body>
</html>